<%@ Page Language="C#" AutoEventWireup="true" CodeFile="xLitePlayer.aspx.cs" Inherits="xLitePlayer" %>
<?xml version="1.0"?>
<Canvas Width="650" Height="430" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  
  <Canvas.Resources>
        <Storyboard x:Name="PlayPauseButton_MouseEnter">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_12" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFE400"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_12" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFF6B3"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FF111111"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="PlayPauseButton_MouseLeave" >
            <DoubleAnimation Storyboard.TargetName="PlayPauseButton" Storyboard.TargetProperty="(Canvas.Top)" By="-0.0" Duration="0:0:00.05" />
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_12" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF444444"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_12" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFA5A5A5"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="PlayPauseButton_MouseDown" >
            <DoubleAnimation Storyboard.TargetName="PlayPauseButton" Storyboard.TargetProperty="(Canvas.Top)" By="0.0" Duration="0:0:00.05" />
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="PlayPauseButton_MouseUp" >
            <DoubleAnimation Storyboard.TargetName="PlayPauseButton" Storyboard.TargetProperty="(Canvas.Top)" By="-0.0" Duration="0:0:00.05" />
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="PlaySymbol" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FF111111"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Name="PlaySymbol_Show">
            <DoubleAnimation Storyboard.TargetName='PlaySymbol' Storyboard.TargetProperty='opacity' To='1.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="PlaySymbol_Hide">
            <DoubleAnimation Storyboard.TargetName='PlaySymbol' Storyboard.TargetProperty='opacity' To='0.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="PauseSymbol_Show">
            <DoubleAnimation Storyboard.TargetName='PauseSymbol' Storyboard.TargetProperty='opacity' To='1.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="PauseSymbol_Hide">
            <DoubleAnimation Storyboard.TargetName='PauseSymbol' Storyboard.TargetProperty='opacity' To='0.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="MuteOffSymbol_Show">
            <DoubleAnimation Storyboard.TargetName='MuteOffSymbol' Storyboard.TargetProperty='opacity' To='1.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="MuteOffSymbol_Hide">
            <DoubleAnimation Storyboard.TargetName='MuteOffSymbol' Storyboard.TargetProperty='opacity' To='0.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="MuteOnSymbol_Show">
            <DoubleAnimation Storyboard.TargetName='MuteOnSymbol' Storyboard.TargetProperty='opacity' To='1.0' Duration='0:0:0.3' />
        </Storyboard>
        <Storyboard x:Name="MuteOnSymbol_Hide">
            <DoubleAnimation Storyboard.TargetName='MuteOnSymbol' Storyboard.TargetProperty='opacity' To='0.0' Duration='0:0:0.3' />
        </Storyboard>

        <Storyboard x:Name="StopButton_MouseEnter">
            <DoubleAnimation Storyboard.TargetName="StopButton" Storyboard.TargetProperty="(Canvas.Top)" By="0.0" Duration="0:0:00.05" />
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_18" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFE400"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_18" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFF6B3"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FF111111"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="StopButton_MouseLeave" >
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_18" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF444444"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_18" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFA5A5A5"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="StopButton_MouseDown" >
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="StopButton_MouseUp" >
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FFCCCCCC"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Rectangle_19" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0000000" Value="#FF111111"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
       
        <Storyboard x:Name="VolumeDownButton_MouseEnter" >
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_113" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFE400"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_113" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFF6B3"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_114" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FF000000"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="VolumeDownButton_MouseLeave" >
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_113" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF444444"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_113" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFA5A5A5"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_114" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FFFFFFFF"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="VolumeUpButton_MouseEnter">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_121" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFE400"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_121" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFF6B3"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_122" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FF000000"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_123" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FF000000"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="VolumeUpButton_MouseLeave">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_121" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF444444"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_121" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFA5A5A5"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_122" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FFFFFFFF"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_123" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#000000"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FFFFFFFF"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Name="VolumeThumb_MouseEnter">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_108" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFE400"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_108" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FFFFF6B3"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="VolumeThumb_MouseLeave">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_108" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF444444"/>
            </ColorAnimationUsingKeyFrames>
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Path_108" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFA5A5A5"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Name="PlayerControls_MouseEnter">
            <DoubleAnimation Storyboard.TargetName="PlayerControls" Storyboard.TargetProperty="(Opacity)" To="1" Duration="0:0:00.35" />
        </Storyboard>
        <Storyboard x:Name="PlayerControls_MouseLeave" >
            <DoubleAnimation Storyboard.TargetName="PlayerControls" Storyboard.TargetProperty="(Opacity)" To="1" Duration="0:0:00.35" />
        </Storyboard>

        <Storyboard x:Name="TimeThumb_MouseDown">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_103" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FFFFE500"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="TimeThumb_MouseUp">
            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Line_103" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFE500"/>
                <SplineColorKeyFrame KeyTime="00:00:00.0100000" Value="#FFFFFFFF"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>

        <Storyboard x:Name="PlaceholderImage_Show">
            <DoubleAnimation Storyboard.TargetName="PlaceholderImage" Storyboard.TargetProperty="(UIElement.Opacity)" To="1" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="PlaceholderImage_Hide">
            <DoubleAnimation Storyboard.TargetName="PlaceholderImage" Storyboard.TargetProperty="(UIElement.Opacity)" To="0" Duration="0:0:0.3" />
        </Storyboard>

        <Storyboard x:Name="PlayPauseButton_Disable">
            <DoubleAnimation Storyboard.TargetName="PlayPauseButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.5" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="PlayPauseButton_Enable">
            <DoubleAnimation Storyboard.TargetName="PlayPauseButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="1.0" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="StopButton_Disable">
            <DoubleAnimation Storyboard.TargetName="StopButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.5" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="StopButton_Enable">
            <DoubleAnimation Storyboard.TargetName="StopButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="1.0" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="NextButton_Disable">
            <DoubleAnimation Storyboard.TargetName="NextButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.5" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="NextButton_Enable">
            <DoubleAnimation Storyboard.TargetName="NextButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="1.0" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="PreviousButton_Disable">
            <DoubleAnimation Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="0.5" Duration="0:0:0.3" />
        </Storyboard>
        <Storyboard x:Name="PreviousButton_Enable">
            <DoubleAnimation Storyboard.TargetName="PreviousButton" Storyboard.TargetProperty="(UIElement.Opacity)" To="1.0" Duration="0:0:0.3" />
        </Storyboard>
    </Canvas.Resources>
  
    <Canvas Width="400" Height="360" Canvas.Top="35">
        <Rectangle Width="400" Height="360"  RadiusX="10" RadiusY="10">
          <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
              <GradientStop Color="Black" Offset="0.13"/>
              <GradientStop Color="Silver" Offset="1"/>
            </LinearGradientBrush>
          </Rectangle.Fill>
        </Rectangle>
        
        <!--########### MEDIA ELEMENT ################-->
        <MediaElement x:Name="VideoWindow" Width="390" Canvas.Left="5" Canvas.Top="3" Stretch="Fill" />
        
        <!--################# PLAYER CONTROLS ################ -->
        <Canvas x:Name="PlayerControls" Width="275" Height="75" Canvas.Left="30" Canvas.Top="280" Opacity="1">
          <Rectangle x:Name="Path_5" Width="275" Height="75"  RadiusX="5" RadiusY="5"  Canvas.Left="10" Canvas.Top="0">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
                <GradientStop Color="#C01A1A1A" Offset="0.13"/>
                <GradientStop Color="#C01A1A1A" Offset="1"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
          <Rectangle x:Name="Path_6" Width="186.696" Height="25.328" Canvas.Left="85" Canvas.Top="40.08">
            <Rectangle.Fill>
              <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
                <GradientStop Color="#B30D0D0D" Offset="0.13"/>
                <GradientStop Color="#B30D0D0D" Offset="1"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
          
          <!--####### PLAY PAUSE BUTTON ############ -->
          <Canvas x:Name="PlayPauseButton" Width="25" Height="25" Canvas.Left="45" Canvas.Top="39">
            <Rectangle x:Name="Path_12" StrokeThickness="4" RadiusX="5" RadiusY="5" Width="24" Height="23" Canvas.Left="8" Canvas.Top="1.3">
              <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
                  <GradientStop Color="#00FFFFFF" Offset="0.13"/>
                  <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            
            <Canvas x:Name="PauseSymbol" Opacity="0" Width="12.96" Height="15.208" Canvas.Left="13" Canvas.Top="5">
              <Path Stretch="Fill" Stroke="#FF000000" StrokeLineJoin="Round" StrokeThickness="0.75" x:Name="Rectangle_27" Width="5.64434" Height="15.2083" Data="M0.375,0.375 L5.26934,0.375 L5.26934,14.8333 L0.375,14.8333 z">
                <Path.Fill>
                  <LinearGradientBrush EndPoint="0,-0.68" StartPoint="0,0.564">
                    <GradientStop Color="#FFCCCCCC" Offset="0"/>
                    <GradientStop Color="#FFCCCCCC" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
              <Path Stretch="Fill" Stroke="#FF000000" StrokeLineJoin="Round" StrokeThickness="0.75" x:Name="Rectangle_28" Width="5.64434" Height="15.2083" Data="M0.375,0.375 L5.26934,0.375 L5.26934,14.8333 L0.375,14.8333 z" Canvas.Left="7.316">
                <Path.Fill>
                  <LinearGradientBrush EndPoint="0,-0.68" StartPoint="0,0.564">
                    <GradientStop Color="#FFCCCCCC" Offset="0"/>
                    <GradientStop Color="#FFCCCCCC" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
            </Canvas>
            
            <Path x:Name="PlaySymbol" Width="14.2313" Height="16.2243" Canvas.Left="13" Canvas.Top="5" Stretch="Fill" StrokeThickness="0.75" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 121.502,415.19L 134.4,407.744L 121.502,400.299L 121.502,415.19 Z ">
              <Path.Fill>
                <LinearGradientBrush EndPoint="0,-0.68" StartPoint="0,0.564">
                  <GradientStop Color="#FFCCCCCC" Offset="0"/>
                  <GradientStop Color="#FFCCCCCC" Offset="1"/>
                </LinearGradientBrush>
              </Path.Fill>
            </Path>
          </Canvas>

          <!--############ STOP BUTTON #############-->
          <Canvas x:Name="StopButton" Width="25" Height="25" Canvas.Left="15" Canvas.Top="39">
            <Rectangle x:Name="Path_18" StrokeThickness="4" RadiusX="5" RadiusY="5" Width="24" Height="23" Canvas.Left="8" Canvas.Top="1.3">
              <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
                  <GradientStop Color="#00FFFFFF" Offset="0.13"/>
                  <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            <Path Stretch="Fill" Stroke="#FF000000" StrokeLineJoin="Round" StrokeThickness="0.75" x:Name="Rectangle_19" Width="13.8333" Height="13.8333" Canvas.Left="13" Canvas.Top="5.5" Data="M0.375,0.375 L13.4583,0.375 L13.4583,13.4583 L0.375,13.4583 z">
              <Path.Fill>
                <LinearGradientBrush EndPoint="0,-0.68" StartPoint="0,0.564">
                  <GradientStop Color="#FFCCCCCC" Offset="0"/>
                  <GradientStop Color="#FFCCCCCC" Offset="1"/>
                </LinearGradientBrush>
              </Path.Fill>
            </Path>
          </Canvas>
          <TextBlock x:Name="TotalTimeText" Canvas.Left="47.728" Canvas.Top="14.278" Foreground="#FFCCCCCC" Text="00:00:00" TextWrapping="Wrap" FontFamily="Arial" FontSize="10"/>

          <TextBlock x:Name="TimeTextSplitter" Canvas.Left="45" Canvas.Top="14.278" Foreground="#FFCCCCCC" Text="/" TextWrapping="Wrap" FontFamily="Arial" FontSize="10"/>
          
          <TextBlock x:Name="CurrentTimeText" Canvas.Left="6.573" Canvas.Top="14.278" Foreground="#FFCCCCCC" Text="00:00:00" TextWrapping="Wrap" FontFamily="Arial" FontSize="10"/>

          <!--############ MUTE BUTTON OBJECTS ############# -->
          <Canvas x:Name="MuteButtonObjects" Width="24" Height="19.215" Canvas.Left="240" Canvas.Top="44.12" Opacity="1">
            <Path x:Name="Path_87" Width="6.59698" Height="13.599" Canvas.Left="6.66" Canvas.Top="2.997" Stretch="Fill" Fill="#FFFFFFFF" Data="F1 M 534.737,414.716L 528.14,411.915L 528.14,403.918L 534.737,401.117L 534.737,414.716 Z "/>
            <Rectangle x:Name="Rectangle_88" Width="4.66699" Height="4.599" Canvas.Left="0.743" Canvas.Top="7.497" Stretch="Fill" Fill="#FFFFFFFF"/>
            <Path x:Name="Path_89" Width="6.59698" Height="13.598" Canvas.Left="6.66" Canvas.Top="1.316" Stretch="Fill" Fill="#FF878787" Data="F1 M 534.737,413.034L 528.14,410.233L 528.14,402.236L 534.737,399.436L 534.737,413.034 Z "/>
            <Rectangle x:Name="Rectangle_90" Width="4.66699" Height="4.599" Canvas.Left="0.743" Canvas.Top="5.815" Stretch="Fill" Fill="#FF878787"/>
            <Path x:Name="MuteOnSymbol" Opacity="0"  Width="0.00195313" Height="0.00198364" Canvas.Left="16.225" Canvas.Top="6.697" Stretch="Fill" Fill="#FFFFE500" Data="F1 M 537.705,404.818L 537.706,404.819L 537.707,404.817L 537.705,404.818 Z "/>
            <Canvas x:Name="MuteOffSymbol" Width="8.896" Height="14.462" Canvas.Left="14.296" Canvas.Top="1.633">
              <Path x:Name="Path_92" Width="2.83704" Height="14.462" Stretch="Fill" Fill="#FFFFE500" Data="F1 M 543.75,399.42C 543.354,400.045 542.938,400.643 542.501,401.212C 543.182,402.757 543.616,404.637 543.615,406.65C 543.617,408.663 543.184,410.546 542.505,412.091C 542.941,412.66 543.359,413.257 543.754,413.882C 544.728,411.82 545.342,409.313 545.338,406.65C 545.34,403.987 544.724,401.479 543.75,399.42 Z " Canvas.Left="6.059"/>
              <Path x:Name="Path_93" Width="2.30695" Height="8.698" Stretch="Fill" Fill="#FFFFE500" Data="F1 M 541.609,402.302C 541.111,402.876 540.593,403.416 540.056,403.921C 540.331,404.724 540.497,405.659 540.497,406.652C 540.498,407.644 540.332,408.579 540.058,409.383C 540.595,409.888 541.114,410.427 541.612,411C 542.081,409.71 542.364,408.223 542.363,406.651C 542.363,405.079 542.078,403.593 541.609,402.302 Z " Canvas.Left="3.614" Canvas.Top="2.882"/>
              <Path x:Name="Path_94" Width="2.80298" Height="3.65601" Stretch="Fill" Fill="#FFFFE500" Data="F1 M 539.031,404.824C 538.2,405.513 537.334,406.123 536.442,406.653C 537.333,407.183 538.2,407.792 539.033,408.48C 539.167,407.911 539.245,407.295 539.245,406.653C 539.245,406.011 539.166,405.394 539.031,404.824 Z " Canvas.Top="5.404"/>
            </Canvas>
            <Rectangle Opacity="0" Fill="#FFFFFFFF" Stroke="#FF000000" x:Name="MuteButton" Width="24" Height="19.215" Canvas.Left="0" Canvas.Top="0"/>
          </Canvas>

          <!-- ######### TIMELINE OBJECTS ############ -->
          <Canvas x:Name="Timeline" Width="190" Height="24.5" Canvas.Left="86.042" Canvas.Top="7.667">
            <Path x:Name="Path_7" Width="185" Height="24.5" Stretch="Fill" Data="F1 M 553.775,382.5C 553.775,384.7 551.976,386.5 549.775,386.5L 155.775,386.5C 153.575,386.5 151.775,384.7 151.775,382.5L 151.775,366C 151.775,363.8 153.575,362 155.775,362L 549.775,362C 551.976,362 553.775,363.8 553.775,366L 553.775,382.5 Z " Canvas.Left="1.333">
              <Path.Fill>
                <LinearGradientBrush StartPoint="0.500001,0" EndPoint="0.500001,1.02041">
                  <GradientStop Color="#67FFFFFF" Offset="0"/>
                  <GradientStop Color="#67221E1F" Offset="0.589888"/>
                  <GradientStop Color="#67B3B5B6" Offset="1"/>
                </LinearGradientBrush>
              </Path.Fill>
            </Path>

            <Canvas x:Name="TimeSliderDetail" Width="185" Height="1.33333" Canvas.Left="0.666" Canvas.Top="11.517">
              <Path x:Name="Line_95" Width="185" Height="1.33333" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 553.775,374.184L 151.775,374.184"/>
            </Canvas>

            <Canvas x:Name="DownloadProgressSlider" Width="185" Height="1.33333" Canvas.Left="0.664" Canvas.Top="11.517">
              <Path x:Name="Line_96" Width="185" Height="1.33333" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FFB5B5B5" Data="F1 M 553.775,374.184L 151.775,374.184"/>
            </Canvas>

            <Path Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FFFFE500" StrokeMiterLimit="2" StrokeThickness="2.66667" Width="2.667" Height="2.667" Canvas.Left="-191.775" Canvas.Top="276.667" Data="M-190.442,278"/>

            <Path x:Name="TimeSlider_Highlight" Width="155" Height="2.66667" Stretch="Fill" StrokeThickness="2.66667" StrokeMiterLimit="2" Stroke="#FFFFE500" Data="F1 M 234.566,374.184L 151.775,374.184" Canvas.Top="10.851"/>

            <Rectangle Opacity="0" Width="190" Height="24.5" Fill="#FFFFFFFF" Stroke="#FFFFE500" StrokeMiterLimit="2" StrokeThickness="0" x:Name="TimeSlider" />

            <Canvas x:Name="TimeThumb" Width="23.3333" Height="13.9323" Canvas.Left="80.472" Canvas.Top="5.205">
              <Path x:Name="Path_102" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF212121" Data="F1 M 253.581,376.471C 253.581,378.671 251.781,380.471 249.581,380.471L 235.581,380.471C 233.381,380.471 231.581,378.671 231.581,376.471L 231.581,371.872C 231.581,369.672 233.381,367.872 235.581,367.872L 249.581,367.872C 251.781,367.872 253.581,369.672 253.581,371.872L 253.581,376.471 Z ">
                <Path.Fill>
                  <LinearGradientBrush StartPoint="0.499982,0.0682512" EndPoint="0.499982,0.926367">
                    <GradientStop Color="#FFCCCCCC" Offset="0"/>
                    <GradientStop Color="#FF221E1F" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
              <Path x:Name="Line_103" Width="1.33333" Height="13" Canvas.Left="11" Canvas.Top="0.464" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M 242.581,368.336L 242.581,380.494"/>
            </Canvas>

          </Canvas>

          <!--########### VOLUME OBJECTS ############# -->
          <Canvas x:Name="Volume" Width="143.333" Height="14.333" Canvas.Left="90" Canvas.Top="45.656">

            <Canvas x:Name="VolumeSliderDetail" Width="92.5" Height="4.5" Canvas.Left="25.778" Canvas.Top="4.839">
              <Path x:Name="Path_104" Stretch="Fill" Data="F1 M 397.481,407.078C 397.481,405.836 398.489,404.828 399.731,404.828L 487.731,404.828C 488.974,404.828 489.981,405.836 489.981,407.078C 489.981,408.32 488.974,409.328 487.731,409.328L 399.731,409.328C 398.489,409.328 397.481,408.32 397.481,407.078 Z ">
                <Path.Fill>
                  <LinearGradientBrush StartPoint="0.500005,0.989176" EndPoint="0.500005,0.0236545">
                    <GradientStop Color="#FF212121" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="0.47191"/>
                    <GradientStop Color="#FF9EA1A3" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
            </Canvas>

            <Canvas x:Name="VolumeSlider_Highlight" Width="87.3333" Height="1.33333" Canvas.Left="28.059" Canvas.Top="6.33">
              <Canvas Width="640" Height="480" x:Name="Clip" Clip="F1 M 0,0L 640,0L 640,480L 0,480L 0,0 Z ">
                <Path x:Name="Line_105" Width="87.3333" Height="1.33333" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 400.429,406.986L 486.429,406.986"/>
              </Canvas>
            </Canvas>

            <Rectangle Opacity="0" Fill="#FFFFFFFF" Stroke="#FFFFE500" StrokeMiterLimit="2" StrokeThickness="0" x:Name="VolumeSlider" Width="101" Height="17" Canvas.Left="21.344" Canvas.Top="-0.667"/>

            <Canvas x:Name="VolumeThumb" Width="14.3333" Height="14.3333" Canvas.Left="34.53">
              <Path x:Name="Path_108" Stretch="Fill" StrokeThickness="0.5" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 419.9,407.156C 419.9,410.745 416.989,413.656 413.4,413.656C 409.812,413.656 406.9,410.745 406.9,407.156C 406.9,403.567 409.812,400.656 413.4,400.656C 416.989,400.656 419.9,403.567 419.9,407.156 Z ">
                <Path.Fill>
                  <RadialGradientBrush RadiusX="0.906976" RadiusY="0.906976" Center="0.500028,0.046528" GradientOrigin="0.500028,0.046528">
                    <RadialGradientBrush.RelativeTransform>
                      <TransformGroup/>
                    </RadialGradientBrush.RelativeTransform>
                    <GradientStop Color="#FFCCCCCC" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="0.404494"/>
                    <GradientStop Color="#FF221E1F" Offset="1"/>
                  </RadialGradientBrush>
                </Path.Fill>
              </Path>
            </Canvas>

            <Canvas x:Name="VolumeDownButton" Width="21.3333" Height="13.8333" Canvas.Top="0.216">
              <Path x:Name="Path_113" Stretch="Fill" StrokeThickness="0.75" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 392.37,411.372C 392.37,412.472 391.47,413.372 390.37,413.372L 374.37,413.372C 373.271,413.372 372.37,412.472 372.37,411.372L 372.37,402.872C 372.37,401.772 373.271,400.872 374.37,400.872L 390.37,400.872C 391.47,400.872 392.37,401.772 392.37,402.872L 392.37,411.372 Z ">
                <Path.Fill>
                  <LinearGradientBrush StartPoint="0.500006,-0.0521895" EndPoint="0.500006,0.44982">
                    <GradientStop Color="#FFA5A5A5" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
              <Path x:Name="Line_114" Width="8.33333" Height="1.33333" Canvas.Left="6.5" Canvas.Top="6.25" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M 378.87,407.122L 385.87,407.122"/>
            </Canvas>

            <Canvas x:Name="VolumeUpButton" Width="21.3333" Height="13.8333" Canvas.Left="122" Canvas.Top="0.216">
              <Path x:Name="Path_121" Stretch="Fill" StrokeThickness="0.75" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 514.37,411.372C 514.37,412.472 513.47,413.372 512.37,413.372L 496.37,413.372C 495.271,413.372 494.37,412.472 494.37,411.372L 494.37,402.872C 494.37,401.772 495.271,400.872 496.37,400.872L 512.37,400.872C 513.47,400.872 514.37,401.772 514.37,402.872L 514.37,411.372 Z ">
                <Path.Fill>
                  <LinearGradientBrush StartPoint="0.500005,-0.0521895" EndPoint="0.500005,0.44982">
                    <GradientStop Color="#FFA5A5A5" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="1"/>
                  </LinearGradientBrush>
                </Path.Fill>
              </Path>
              <Path x:Name="Line_122" Width="8.33333" Height="1.33333" Canvas.Left="6.5" Canvas.Top="6.25" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M 500.87,407.122L 507.87,407.122"/>
              <Path x:Name="Line_123" Width="1.33333" Height="8.33333" Canvas.Left="10" Canvas.Top="2.75" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FFFFFFFF" Data="F1 M 504.37,403.622L 504.37,410.622"/>
            </Canvas>
            
          </Canvas>
          
       </Canvas>

       <Canvas x:Name="BufferingArea" Width="380" Height="100" Canvas.Left="10" Canvas.Top="50" Visibility="Collapsed" IsHitTestVisible="False" Background="Silver" Opacity=".8">
          <TextBlock x:Name="BufferingText" Canvas.Left="180" Canvas.Top="20" Foreground="#DEFFE400" Text="0" TextWrapping="Wrap" FontFamily="Arial" FontSize="36" IsHitTestVisible="False"/>
          <TextBlock x:Name="BufferingTextWords" Canvas.Left="140" Canvas.Top="70" Foreground="#FFFFFFFF" Text="buffering video..." TextWrapping="Wrap" FontFamily="Arial" FontSize="16" IsHitTestVisible="False"/>
       </Canvas>
       
    </Canvas>

 <Canvas Width="205" Height="425" Canvas.Left="410">

  <Canvas.Resources>
    <Storyboard x:Name="animationDown"
          Storyboard.TargetName="filmImgCan" 
          Storyboard.TargetProperty="(Canvas.Top)">
      <DoubleAnimation By="-200" Duration="0:0:1" />
    </Storyboard>    
    <Storyboard x:Name="animationUp"
        Storyboard.TargetName="filmImgCan"
        Storyboard.TargetProperty="(Canvas.Top)">
      <DoubleAnimation By="200" Duration="0:0:1" />
    </Storyboard>
  </Canvas.Resources>

  <Canvas Width="205" Height="425" Background="transparent">
    <Rectangle Width="205" Height="425" RadiusX="10" RadiusY="10" Canvas.ZIndex="-101">
    
    </Rectangle>
    <Canvas Width="160" Height="44" Canvas.Left="25" Canvas.Top="-3" MouseLeftButtonDown="moveFilmStripDown" MouseEnter="doHighlightTriaUp" MouseLeave="undoHighlightTriaUp">
      <Rectangle StrokeThickness="4" RadiusX="17" RadiusY="36" Width="160" Height="44" Stroke="#46000000">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="gray" Offset="0.242"/>
            <GradientStop Color="black" Offset="0.333"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Width="67" Height="23.2" Canvas.Left="29" Canvas.Top="10" Foreground="#FFEFEFEF" Text="" />
      <Rectangle StrokeThickness="4" RadiusX="16" RadiusY="36" Width="140" Height="32" Canvas.Left="10" Canvas.Top="5">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0.5,-0.409" EndPoint="0.5,1.409">
            <GradientStop Color="#00FFFFFF" Offset="0.4"/>
            <GradientStop Color="#FFFFFFFF" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Rectangle RadiusX="17" RadiusY="36" Width="160" Height="38" Fill="#00FFFFFF" x:Name="btnMoveStripDown" Canvas.Left="3" Canvas.Top="3" MouseEnter="doGlowButton" MouseLeave="undoGlowButton"/>
      <Path x:Name="btnTriangleUp" Data="M 0,0 L 20,25 -20,25z "
       Stroke="Silver" Fill="#66666666" StrokeThickness="2"
       Canvas.Left="80" Canvas.Top="8"   />
    </Canvas>

    <Canvas Width="160" Height="44" Canvas.Top="390" Canvas.Left="25" MouseLeftButtonDown="moveFilmStripUp" MouseEnter="doHighlightTriaDown" MouseLeave="undoHighlightTriaDown">
      <Rectangle StrokeThickness="4" RadiusX="17" RadiusY="36" Width="160" Height="44" Stroke="#46000000">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="gray" Offset="0.242"/>
            <GradientStop Color="black" Offset="0.333"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Width="67" Height="23.2" Canvas.Left="29" Canvas.Top="10" Foreground="#FFEFEFEF" Text="" />
      <Rectangle StrokeThickness="4" RadiusX="16" RadiusY="36" Width="140" Height="32" Canvas.Left="10" Canvas.Top="5">
        <Rectangle.Fill>
          <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">
            <GradientStop Color="#00FFFFFF" Offset="0.4"/>
            <GradientStop Color="#FFFFFFFF" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Rectangle RadiusX="17" RadiusY="36" Width="160" Height="38" Fill="#00FFFFFF" x:Name="btnMoveStripUp" Canvas.Left="3" Canvas.Top="3" MouseEnter="doGlowButton" MouseLeave="undoGlowButton"/>
      <Path x:Name="btnTriangleDown" Data="M 0,0 L -20,-25 20,-25z"
      Stroke="Silver" Fill="#66666666" StrokeThickness="2"
      Canvas.Left="80" Canvas.Top="33" />
    </Canvas>

      <Canvas x:Name="filmImgCan" Canvas.Top="35" Canvas.Left="50" Height="2110" Width="115" Canvas.ZIndex="-100">
        <Canvas.Background>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
            <GradientStop Color="Gray" Offset="0.0" />
            <GradientStop Color="Black" Offset="1.0" />
          </LinearGradientBrush>
        </Canvas.Background>
        
        <%= makeFilmStrip() %>
      
      </Canvas>

    </Canvas>

</Canvas>
</Canvas>

